<template>
  <div>
    <heador :title="title"></heador>
    <page-slider :swiperTop="swipertop" :swiperlist="swiperlist"></page-slider>
    <icon-list :iconList="icons"></icon-list>
    <licai-list :licailist="licai" :licaititle="licaititle"></licai-list>
    <shang-jin></shang-jin>
    <bao-xian></bao-xian>
    <zhong-chou></zhong-chou>
    <home-footer></home-footer>
    <footer-bar></footer-bar>
  </div>
</template>

<script>
import Heador from '@/components/Header'
import FooterBar from '@/components/Footerbar'
import PageSlider from '@/components/Slider'
import IconList from '@/pages/home/Icons'
import LicaiList from '@/pages/home/Licai'
import ShangJin from '@/pages/home/Shangjin'
import BaoXian from '@/pages/home/Baoxian'
import ZhongChou from '@/pages/home/Zhongchou'
import HomeFooter from '@/pages/home/Footer'
export default {
  name: 'Home',
  data () {
    return {
      title: '京东金融',
      licaititle: '理财精选',
      swipertop: true,
      swiperlist: [
        {
          id: '001',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/10297/24/14008/46685/5c862b47Eef810b58/30b8c5430103352a.jpg?width=750&height=320'
        },
        {
          id: '002',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/19037/8/10380/37518/5c862ba2Ec8e629f7/6c4f8c721cf210d8.jpg?width=750&height=320'
        },
        {
          id: '003',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/28576/40/10399/139307/5c862bc6E022a873e/c50fcefa58db30ce.jpg?width=750&height=320'
        }
      ],
      icons: [
        {
          id: '001',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t3991/64/2521945388/12110/93c0139/58d1e462Ncf294123.png?width=132&height=132',
          title: '优惠券',
          dirc: '30-10券'
        },
        {
          id: '002',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t5590/252/875247023/17343/946aa72c/59224650N0f7ffc92.png?width=132&height=132',
          title: '领福利',
          dirc: ''
        },
        {
          id: '003',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t4393/329/2180608902/13217/c88c0cec/58ec9dcdN1534e2d7.png?width=132&height=132',
          title: '抢钢镚',
          dirc: ''
        },
        {
          id: '004',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t5488/298/1036263348/12073/b4f4de97/590ac8e8Ne9def22e.png?width=135&height=135',
          title: '白条提额',
          dirc: ''
        },
        {
          id: '005',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/520/34/950/3686/5b9239e3Eaaf5465c/8d8c35badacfc114.png?width=90&height=90',
          title: '工资理财',
          dirc: ''
        },
        {
          id: '006',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/1216/39/659/4516/5b923b1cE5943d1c6/dabaf8b842f57eb9.png?width=90&height=90',
          title: '众筹',
          dirc: ''
        },
        {
          id: '007',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/3924/28/657/3552/5b9240dbE60256c31/78b52d5ab675f800.png?width=90&height=90',
          title: '租房',
          dirc: ''
        },
        {
          id: '008',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t27088/243/2089650291/12365/2469f395/5bf677f9N795eec5e.png?width=120&height=120',
          title: '车主服务',
          dirc: ''
        }
      ],
      licai: [
        {
          id: '001',
          title: '长乐盈',
          youhui: '180天可质押',
          value: '5.80%',
          desc: '近1年历史年化投资回报率'
        },
        {
          id: '002',
          title: '京智0号',
          youhui: '大数据赋能',
          value: '6.00%',
          desc: '近1月历史年化投资回报率'
        },
        {
          id: '003',
          title: '建信养老飞益鑫',
          youhui: '',
          value: '4.57%',
          desc: '近7日年化收益'
        },
        {
          id: '004',
          title: '小白基金',
          youhui: '超短期',
          value: '4.50%',
          desc: '7日年化收益率'
        }
      ]
    }
  },
  components: {
    Heador,
    PageSlider,
    IconList,
    LicaiList,
    ShangJin,
    BaoXian,
    ZhongChou,
    HomeFooter,
    FooterBar
  }
}
</script>

<style lang="stylus" scoped>

</style>
